.bubbleCard{
  position: relative;
  height: 400px;
  width: 590px;
  &__main{
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 400px;
    background: url("../assets/images/green-circle-gr-bg.svg") no-repeat center center/cover;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

  }
  &__sub{
    width: 270px;
    height: 270px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../assets/images/pink-circle-gr-bg.svg") no-repeat center center/cover ;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

  }
  &__text{
    font-size: 110px;
    color: #FFF;
  }
  &__text--small{
    font-size: 70px;
  }
  &__unit{
    font-size: 50px;
    color: #FFF;
  }
}
